Ext.define('Link', {
	extend : 'Ext.data.Model',
	fields : [ 'id', 'menu_id', 'text', 'href', 'alt' ],
	belongsTo : 'Menu'
});
Ext.define('Menu', {
	extend : 'Ext.data.Model',
	fields : [ 'id', 'text' ],
	hasMany : {
		model : 'Link',
		name : 'links'
	},
	proxy : {
		type : 'ajax',
		url : 'getmenulist.do',
		format : 'json',
		reader : {
			type : 'json',
			root : 'menuroot'
		}
	}
});

// var Menu = Ext.getModel('Menu');
// Menu.load('id1', {
// success : function(menu) {
// // menus.each(function(menu) {
// console.log("User: " + menu.get('text'));
// menu.links().each(function(link) {
// console.log("Comments for post: " + link.get('text'));
// // });
// });
// }
// });
{
	var store = new Ext.data.Store( {
		model : 'Menu'
	});

	store.load();
	alert(store.getCount());
	store.each(function(menu) {
		console.log("User: " + menu.get('text'));
		menu.links().each(function(link) {
			console.log("Comments for post: " + link.get('text'));
		});
	});
}

// Left accordion menu
var accordionMenu = [];

var contentTabs = new Ext.tab.Panel( {
	border : true,
	deferredRender : false,
	tabPosition : 'top',
	items : []
});

Ext.onReady(function() {
	// loadMenu();
		Ext.create('Ext.container.Viewport', {
			layout : {
				type : 'border',
				padding : 2
			},
			defaults : {
				split : true
			},
			items : [ {// app header
						id : 'app-header',
						xtype : 'box',
						region : 'north',
						height : 40,
						el : 'app-header'
					}, {// Left accordion menu
						title : 'Menu',
						region : 'west',
						width : 250,
						split : true,
						collapsible : true,
						layout : 'fit',
						items : []
					}, {
						title : 'Workbench',
						region : 'center',
						layout : 'fit',
						items : [ contentTabs ]
					}, {// app footer
						region : 'south',
						heitht : 16,
						xtype : 'box',
						el : 'app-footer'
					} ]
		});
	});